<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<title>V店</title>
		<link rel="stylesheet" href="assets/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" href="css/v-shop.css">
	</head>

	<body>
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll" style="height: 100%;">
				<!--顶部-->
				<div class="top">
					<div class="top-one" onClick="javascript :history.back(-1);">
						<span><img src="img/right.png"/></span>
					</div>

					<form class="top-two" onsubmit="return false;">
						<span><img src="img/search.png"/></span>
						<input type="search" placeholder="请输入商品名称" id="myInput"/>
					</form>

					<div style="opacity: 0;">
						<img src="img/3point.png" />
					</div>
				</div>

				<!--用户-->
				<div class="user" id="user">
					<!--TODO-->
				</div>

				<!--产品-->
				<div class="product">
					<div class="product-left">
						<div class="mui-scroll-wrapper" id="mui-scroll-wrapper">
							<div class="mui-scroll" id="mui-scroll">
								<ul class="product-left-list" id="product-left-list">
									<p class="li-cur" id="allproduct">
										<span></span> 全部
									</p>
									<!--TODO-->
								</ul>
							</div>
						</div>
					</div>
					<div class="product-right">
						<!--商品-->
						<div class="mui-content mui-scroll-wrapper mui-scroll-wrapper-top" id="product-right-scroll">
							<div class="mui-scroll mui-scroll-top" style="margin-bottom: 1.5rem;">
								<ul class="product-right-list" id="product-right-list">
									<!--TODO-->
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--顶部用户-->
		<script type="text/html" id="twoTemplate">
			<div class="user-left">
				<div><img src="<%=userBayUuid.userImg%>"></div>
				<div>
					<p>
						<%=userBayUuid.userName%>
						<%=userBayUuid.userPhone%>的V店</p>
					<p>
						<%=userBayUuid.userSignsture%>
					</p>
				</div>
			</div>

		</script>

		<!--左边列表-->
		<script type="text/html" id="oneTemplate">
			<% for(var i = 0 ; i < tbTypes.length ; i++){ %>
			<li data-id="<%=tbTypes[i].id%>">
				<span></span>
				<%=tbTypes[i].typeName%>
			</li>
			<% } %>
		</script>

		<!--所有列表-->
		<script type="text/html" id="allTemplate">
			<% for(var i = 0 ; i <goodsBayUuid.length ; i++){ %>
			<li data-id="<%=goodsBayUuid[i].goodsId%>">
				<div><img src="<%=goodsBayUuid[i].goodsDatailsimg[0]%>" /></div>
				<p>
					<%=goodsBayUuid[i].goodsName%>
				</p>
				<p>
					￥<%=goodsBayUuid[i].goodsPrice%>
				</p>
			</li>
			<% } %>
		</script>

		<!--右边产品-->
		<script type="text/html" id="threeTemplate">
			<% for(var i = 0 ; i < bayGoodsType.length ; i++){ %>
			<li data-id="<%=bayGoodsType[i].goodsId%>">
				<div><img src="<%=bayGoodsType[i].goodsDatailsimg[0]%>" /></div>
				<p>
					<%=bayGoodsType[i].goodsName%>
				</p>
				<p>
					￥<%=bayGoodsType[i].goodsPrice%>
				</p>
			</li>
			<% } %>
		</script>
		<script src="js/jquery-3.1.0.min.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/remstyle.js"></script>
		<script src="common/js/common.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="common/js/header.js"></script>
		<script src="js/v-shop.js"></script>

	</body>
</html>